iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 21
4
Modern Web

介面設計如何讓新手與專家都容易使用?系列 第 21

Day21_打造新手邁向專家之路

  • 分享至 

  • xImage
  •  

身為一位非IT人參加鐵人賽,一開始會擔心是否能自行操作網站編輯器。仔細研究一下,鐵人賽編輯器介面的右側有Markdown常用語法,讓初次使用者與新手能快速了解如何編輯內容,例如,將內容前後加上兩個「*」符號,該段內容就會變成粗體字。此外,編輯器在文章題目下方設有一排對新手很有幫助的快捷鍵,只要用滑鼠選取內容,再按下第一個快捷鍵(「B」),就可變成粗體字(如下圖)。
https://ithelp.ithome.com.tw/upload/images/20191007/20121135LOc8V5ikbc.png

提供新手學習路徑

鐵人賽編輯器介面不只考量到初次使用者和新手的需求,更為新手打造了邁向專家的學習路徑。新手使用者只要點開上面圖中右下角的「詳細說明」,便能看到Markdown語法說明。不僅有列出完整的語法功能、詳細的說明文字,還有呈現程式碼與結果(如下圖)。對新手來說,這樣的輔助資料相當於「幫助(help)」或「?」的作用,但更易懂且詳盡,在自學與練習後,有機會成為熟練使用者或專家。
https://ithelp.ithome.com.tw/upload/images/20191007/20121135OxsP1oSzQi.png

不同介面有不同目標

像鐵人賽這樣天天要發文,至少維持三十天的介面,編輯器不僅要讓初次使用者能快速上手,還要有快捷鍵可提升操作效率,加上使用者可能以IT人為主,提供輔助資料可幫助IT新手學習與上手。有很多電腦軟體或應用程式也很需要提供新手學習管道,讓其操作更順手與快速,成為熟練使用者或專家後便容易長期使用下去。而自助操作介面或系統則不需要讓新手變專家,其目標只在於要讓每一位使用者每一次操作都能順利完成任務。


上一篇
Day20_隱藏選項與動態提示的結合
下一篇
Day22_回饋應出現在操作區附近
系列文
介面設計如何讓新手與專家都容易使用?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言